class Food {
    // 定义一个属性表示是所对应的元素
    element: HTMLElement;

    // 宽度除以十后的数据，宽高的最大值
    maxWidth: number
    
    constructor(maxWidth:number = 29){
        this.element = document.getElementById('food') as HTMLElement
        this.maxWidth = maxWidth
    }

    get X(){
        return this.element.offsetLeft
    }

    get Y(){
        return this.element.offsetTop 
    }
    // 改变食物的位置，随机
    change(){
        let left = Math.round(Math.random() * this.maxWidth) * 10
        let top = Math.round(Math.random() * this.maxWidth) * 10
        this.element.style.left = left + 'px';
        this.element.style.top = top + 'px';
    }
}

export default Food

